@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img,div{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 14px/1.5 "msyhl422459","微软雅黑",Srial, Verdana, Geneva, sans-serif, tahoma, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; color:#333333; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto; background-color:#fff;color:#333333;}
input, img {vertical-align: middle;}
body,html{min-width:1200px;max-width:100%;margin:0 auto;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both; height:0px; line-height:0px; overflow:hidden; display:block;}
.main{ width:1200px; margin:0 auto;}

@media screen and (max-width: 2000px) and (min-width:750px) {
	
	/*---- banner ---*/
.swiper-container {
    height:auto;
    width:100%;
    text-align:center;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    z-index:5;
    background:#F8F8F8;
}
.swiper-wrapper {
    position: relative;
    z-index:10;
}
.swiper-slide {
    position:relative;
    text-align:center;
    float:left;
}
.swiper-slide a{
    position:relative;
    width:100%;
    height:100%;
    display:block;
    overflow:hidden;
}
.swiper-slide img{
    width:100%;
    height:auto;
    vertical-align:middle;
    position:relative;
}
.pagination{
    position:absolute;
    height:1.2em;
    width:100%;
    bottom:0.4em;
    z-index:100;

}
.pagination .swiper-pagination-switch{
    display:inline-block;
    height:0.6em;
    width:0.6em;
    background:#FFF;
    border-radius:50%;
    margin-right:1em;
}
.pagination .swiper-active-switch{
    background:#fe5e52;
}


.index_banner img{ width:100%;}
	.welbg{background-color:#0a4166;}
	.wel_left{ color:#fff;}
	.wel_right{ color:#fff;}
	.welcome{ display:flex; justify-content:space-between; height:40px; line-height:40px; font-size:12px; }
	.menu{ display:flex; justify-content:space-between;  height:95px; align-items:center; }
	.webcenter{width:1200px; margin:0 auto;}
	.menu_logo{ color:#155692; font-size:26px; font-weight:800;height:50px; line-height:50px;}
	.menu_list ul { list-style:none; display:flex; justify-content:space-between; width:750px; }
	.menu_list ul li{ float:left; display:block; height:95px; position:relative; width:110px; text-align:center; line-height:95px;}
	.menu_list ul li a{ color:#000; text-decoration:none; font-size:16px; text-align:center;  }
	.menu_list ul li:hover{ color:#fff; background-color:rgba(47,124,177,1);}
	.menu_list ul li:hover a{ color:#fff;}
	.en_com{ font-size:12px;}
	
	#menu_pro{  position:absolute; width:200px; left:0px; top:90px; display:none; z-index:9999;}
		#menu_pro ul{ display:flex; flex-wrap:wrap; justify-content:space-around;}
		#menu_pro ul li{ width:100px; text-align:center; }
	.tanchuang:hover #menu_pro{ display:block; }
	.menu_pro_list{ border-top:1px solid #518cc5;  height:40px; line-height:40px; width:200px; background-color:rgba(47,124,177,1); }
	.menu_pro_list:hover{ background-color:#66a7df;}
	.menu_pro_list a{ font-size:13px !important;}
	
	
	
	
	
	.pro_class{  width:1200px;  margin-bottom:30px; }
	.pro_class a{ display:inline-block; color:#fff;  font-size:16px;height:40px; line-height:40px; margin-right:10px; background-color:#1c577f; padding:0px 20px;}
	
	.pro_class a:hover{ text-decoration:underline;}
	
	.aboutbg{ background-color:#fafafa; padding-bottom:30px; padding-top:80px;}
	.aboutus{display:flex; justify-content:space-between; }
	.aboutus_left{ margin-right:30px; text-align:justify;}
	.pgreen{ font-size:30px; font-weight:900;}
	.pblack{font-size:32px; font-weight:900; color:#1c577f;}
	.about_txt{ margin-top:40px; line-height:26px;}
	
	
	.about_teshe{ display:flex; width:550px; flex-wrap:wrap; margin-top:25px; }
	.teshe_item{ height:20px; width:220px; margin-bottom:16px; background:url(../images/dui.png) no-repeat left; padding-left:30px;}
	
	.about_btn{ background-color: #1c577f;height: 36px; width:90px;
    border-width: 1px;
    border-style: none;
    border-color: transparent;
    padding-top: 0;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    border-radius: 200px;  margin-top:30px; text-align:center; line-height:36px;  color:#fff; font-size:15px; }
	.about_btn a{ color:#fff;}
	.bothsite{ margin-left:20px; text-decoration:underline; color:#fff;}
	
	
	
	
	.product_bg{ background:url(../images/bg3.jpg) no-repeat center; }
	.product_list{ min-height:600px; width:1200px; margin:0 auto; position:relative; }
	.pro_title{ width:210px; height:85px; margin:0 auto; background:url(../images/lanmubg.png); font-size:32px; color:#000; text-align:center; padding-top:10px; margin-top:50px; font-weight:900; margin-bottom:30px;}
	.product{ flex-wrap:wrap; display:flex; justify-content:space-between;}
	.p_item{ width:360px; height:347px; margin-bottom:50px;}
	.p_img{ width:360px; height:233px; overflow:hidden; position:relative;}
	
	 /* 中心变形*/
	.p_img img {
		width:362px;
	transition:all 0.5s ease-out;
	/* 过度 所有css属性 1秒过度 结束慢*/
-moz-transition:all 0.5s ease-out; 
	/* Firefox 4 */
-webkit-transition:all 0.5s ease-out;
	/* Safari 和 Chrome */
-o-transition:all 0.5s ease-out;
	/* Opera */
}

.p_img img:hover{transform:scale(1.2,1.2);}


	.p_infor{  height:104px; border:1px solid #f2f2f2; padding:10px;}
	.p1{ font-size:16px; padding-bottom:10px;}
	.p2{ font-size:14px; border-bottom:1px solid #e5e5e5; padding-bottom:13px; color:#777777;}
	.detail_link{ display:flex; justify-content:space-between; align-items:center; margin-top:10px; color:#777777;}
	.detail_link a:hover{ color:#155692;}
	

.showBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;
	
}


.p_more{ width:80px;  text-align:center; border:1px solid #777777; padding:8px; margin:0 auto; font-size:13px; margin-top:20px;}
.p_more a:hover{ text-decoration:underline;}
.anli_bg{ height:560px; background-color:#f5f5f5; margin-top:50px; padding-top:10px;}

.p3{ color:#fff; font-size:16px; text-align:center; line-height:40px; height:40px;background-color:#1c577f;  }





/*服务优势**/
.fuwu_bg{ background:url(../images/youshi.jpg)  no-repeat center; height:682px; padding-top:75px;}

.fuwu{ display:flex; justify-content:space-between; height:600px;  }
.fuwu_left{width:550px;margin-right:30px;}
.fuwu_right{ display:flex; flex-wrap:wrap; justify-content:space-between; width:579px;}
.ys_item{ width:288px; height:300px; background-color:rgba(28,87,127,0.6); margin-bottom:4px;}
.ys_item:hover{ width:288px; height:300px; background-color:rgba(0,0,0,0.4); margin-bottom:4px;}
.ys_text p{ font-size:18px; font-weight:600; padding:15px 0px;}
.ys_text{ padding:40px; color:#fff;}
.p5{ color:#fff; font-size:36px; margin-top:50px;}
.p5_1{ color:#fff; font-size:24px; margin-top:10px;}
.p6{ color:#fff; font-size:18px;margin-top:50px; padding-bottom:20px;}
.p7{ color:#fff; font-size:14px; color:#bbb;}

.fuwu_youshi{ display:flex; justify-content: space-between; color:#fff; margin-top:50px; padding:30px; }
.p8{ font-size:40px; font-weight:800; color:#fff;}
.fuwu_num{ color:#bbb;}



/*资质荣誉**/
.rongyu{ margin-bottom:80px;}
.rongyu_list{ width:1200px; margin:0 auto; display:flex; justify-content:space-between;}
.rongyu_list img{ border:#d5d5d5 1px solid;}

/*新闻资讯**/
.news{ background-color:#f3f3f3; padding-top:20px; padding-bottom:50px;}
.newslist{ width:1200px; margin:0 auto; background-color:#fff; padding:30px 17px;display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:40px;}

.news_item{ display:flex; justify-content:space-between; width:556px;}

.news_item img{ width:210px; height:130px;}
.news_right{width:346px; padding:0px 20px;}
.news_top{ display:flex; justify-content:space-between; width:100%; }
.news_title{ font-size:15px; font-weight:600;}
.news_time{ color:#C0BEBE;font-size: 10px;    margin-top: 10px;}
.news_bottom{ color:#777777; margin-top:10px; font-size:12px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
  
  .new_bottom_line{ border-bottom:1px solid #d5d5d5; margin-bottom:20px; padding-bottom:20px;}
.bottom{ padding:50px 0px; background-color:#1c577f;}
.bottom_link{ width:1000px; margin:0 auto;}
.link_a{ display:flex; justify-content:space-between; padding-bottom:30px; border-bottom:1px solid #8a939a;}
.link_a a{ color:#fff;transition: all 0.5s ease;}
.link_a a:hover{ color:rgba(225,225,225,1.00); text-decoration:underline; font-size:16px;}
.link_span{ display:flex; justify-content:space-between; margin-top:30px;}
.link_span p{ color:#fff;}


.bachlogo{ width:180px; margin:0 auto; padding:20px;}
.bachlogo img{ opacity:0.5;}



/**新闻页面**/

.web_news_title{ width:500px; height:41px; margin:0 auto; font-size:26px; font-weight:800; margin-bottom:50px; background:url(../images/2bg.jpg) no-repeat  center; text-align:center; line-height:41px;}
.web_news{ width:1200px; margin:0 auto; margin-top:50px; margin-bottom:80px;}

.web_news_top{ padding:26px; background-color:#f2f2f2; margin-bottom:20px;}
.p9{ font-size:18px; font-weight:800; padding-bottom:10px; color:#1c577f;}
.span1{ font-size:14px; line-height:24px; margin-bottom:10px;}
.a1{ border:1px  solid #2B4780; padding:3px 10px; color:#2B4780; }
.a1:hover{ color:#fff;; background-color:#2B4780;}


.web_news_list{ padding:26px; border-bottom:1px solid #eaeaea; display:flex; justify-content:space-between;transition: all .5s ease; }
.news_list_left{ height:95px; width:80px; background-color:#f5f5f5;    text-align: center;    font-family: arial;transition: all .5s ease; color:#1c577f;}
.newData {
    font-size: 2.75rem;
    line-height: 46px;
    padding-top: 15px;
}
.web_news_list:hover{ padding-bottom:40px;} 

.web_news_list:hover .news_list_left{background-color:#1c577f; color:#fff;}

.news_list_center{ width:1015px;color:#1c577f;}
.news_list_right{ padding-top:20px;color:#ccc;}

.p11{ font-size:16px;font-weight:800; }
.p12{ color:#777; margin:5px 0px;}
.p13{ font-size:13px; color:#000;}


.web_news_list:hover .news_list_center{ color:#000;}
.web_news_list:hover .p11{ font-weight:800;}
.font20{ font-size:30px;transition: all .5s ease;  }

.web_news_list:hover .news_list_right{ color:#D81F22; font-size:32px;}


/*产品页面*/

.web_product{ width:1200px; margin:0 auto; margin-top:50px; margin-bottom:80px;}



/** 联系我们页面*/
.web_contact{ width:1000px; margin:0 auto; margin-bottom:80px; padding-top:50px;}
.liuyan_input{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:50px;}

#name{ border:1px solid #e0e0e0; width:230px; height:40px; margin-top:10px; padding-left:10px; }
#tel{ border:1px solid #e0e0e0; width:240px; height:40px; margin-top:10px; padding-left:10px; }
#email{ border:1px solid #e0e0e0; width:250px; height:40px; margin-top:10px; padding-left:10px; margin-right:50px; }
#content{border:1px solid #e0e0e0; width:950px; height:100px; margin-top:10px;   padding-left:10px;}
.p12{ font-size:16px; color:#000;}

.liuyanact{ background-color:rgba(28,87,127,1.00); color:#fff; padding:10px 60px; margin-top:20px;}
.content{ margin-top:30px;}
.liuyan_map{ display:flex; justify-content:space-between; margin-top:50px;}
.map_com{ width:360px;}
.map_img{ width:100%; }
.p14{ font-weight:600; font-size:16px; margin-bottom:10px;}
.p15{ font-size:14px; line-height:30px;}




/*资质荣誉页面**/
.web_rongyu{ margin-top:50px; padding-bottom:80px; min-height:1050px; position:relative; overflow:hidden; background:url(../images/rongyubg.jpg);}
.web_rongyu img{ text-align:center; margin:0 auto; display:block;}



/*关于我们页面**/
.web_about{ margin-top:50px;  min-height:900px; position:relative; overflow:hidden;background:url(../images/about_us_bg.jpg) repeat-x;}
.about_us{ width:1000px; margin: 0 auto; font-size:16px; line-height:26px; text-align:justify; color:#000; }
.about_us p{ margin-bottom:20px;}
.about_us img{ margin-top:60px;}

.chejian{ width:1600px; margin:0 auto; margin-top:80px;}
.chejian_title{ font-size:28px; font-weight:800; text-align:center;}
.chejian_imglist{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:50px;}
.chejian_img{ width:280px; height:240px; margin-bottom:10px; padding:6px; background-color:#e4edf9; border:1px solid #ddd; overflow:hidden;}
.chejian_img img{width:280px; height:210px;}


 /* 中心变形*/
	.chejian_img  img {
	transition:all 0.5s ease-out;
	/* 过度 所有css属性 1秒过度 结束慢*/
-moz-transition:all 0.5s ease-out; 
	/* Firefox 4 */
-webkit-transition:all 0.5s ease-out;
	/* Safari 和 Chrome */
-o-transition:all 0.5s ease-out;
	/* Opera */
}

.chejian_img  img:hover{transform:scale(1.2,1.2);}



}




/*移动端导航*/
@media screen and (max-width: 750px) and (min-width: 0px){
	
	
}